﻿@import url(options/jquery-ui-1.7.2.custom.css);
body
{
	height: 97%; /*allow scrolling*/
}
ul
{
	list-style-type: none;
}
select
{
	width:230px;
}
fieldset
{
	margin-top: 1em;
}
.channel
{
	white-space: nowrap;
}
.channel input
{
	width: 100%;
}
.channel table
{
	width: 100%;
}

.channelRow
{
    padding-top: 30px;
}

.nameContainer
{
	width: 250px;
}
.channelConfig
{
	width: 100%;
}
.move, .edit
{
	width: 30px;
}
.trash span, .edit span
{
	float: right;
}
.nameTitle
{
	margin: 0 250px 0 50px;
}
.configTitle
{
	width: 65%;
}
.inputBox
{
	width: 250px;
}
.inputBox input, .inputBox select, .inputBox textarea
{
	width: 100%;
}
.fg-button
{
	outline: 0;
	margin: 0 4px 0 0;
	padding: .4em 1em;
	text-decoration: none !important;
	cursor: pointer;
	position: relative;
	text-align: center;
	zoom: 1;
}
.fg-button .ui-icon
{
	position: absolute;
	top: 50%;
	margin-top: -8px;
	left: 50%;
	margin-left: -8px;
}
a.fg-button
{
	float: left;
}
.fg-button-icon-left
{
	padding-left: 2.1em;
}
.fg-button-icon-right
{
	padding-right: 2.1em;
}
.fg-button-icon-left .ui-icon
{
	right: auto;
	left: .2em;
	margin-left: 0;
}
.fg-button-icon-right .ui-icon
{
	left: auto;
	right: .2em;
	margin-left: 0;
}
.fg-button-icon-solo
{
	display: block;
	width: 8px;
	text-indent: -9999px;
}
/* solo icon buttons must have block properties for the text-indent to work */.fg-buttonset
{
	float: left;
}
.fg-buttonset .fg-button
{
	float: left;
}
.fg-buttonset-single .fg-button, .fg-buttonset-multi .fg-button
{
	margin-right: -1px;
}
.fg-toolbar
{
	padding: .5em;
	margin: 0;
}
.fg-toolbar .fg-buttonset
{
	margin-right: 1.5em;
	padding-left: 1px;
}
.fg-toolbar .fg-button
{
	font-size: 1em;
}
.contextMenu
{
	position: absolute;
	overflow: hidden;
}
.contextMenu ul
{
	-webkit-padding-start: 4px;
	padding-left: 4px;
	font: 18px 'Segoe UI', Arial, sans-serif;
}
.contextMenu li
{
	margin-bottom: 4px;
}